<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
        <script type="text/javascript" src="../jqtool/jquery.tools.min.js">
        </script>
        <style type="text/css">
            
            /* root element for accordion_spec_tickets. decorated with rounded borders and gradient background image */ #accordion_spec_tickets {
                background: #FFFFFF repeat scroll 0;
                height: 220px;
                padding: 10px 0 10px 20px;
                width: 401px;
                border: 1px solid #ddd;
                margin: 0 auto;
				overflow:hidden;
            }
            
            /* accordion_spec_tickets header */ #accordion_spec_tickets img {
                float: left;
                margin-right: 10px;
                cursor: pointer;
                opacity: 0.5;
                filter: alpha( opacity = 10);
            }
            
            /* currently active header */ #accordion_spec_tickets img.current {
                cursor: default;
                opacity: 1;
                filter: alpha( opacity = 100);
            }
            
            /*
             accordion_spec_tickets pane. should initially have zero width and display:none.
             the first pane should override these with inline style
             */ #accordion_spec_tickets div {
                width: 0px;
                float: left;
                display: none;
                margin-right: 10px;
            }
            
            /* content inside a pane should have fixed width */ #accordion_spec_tickets div ul {
                color: #444;
                line-height: auto;
                width: 190px;
                font-size: 15px;
            } #accordion_spec_tickets div ul {
            	list-style:none;
            } #accordion_spec_tickets div ul a {
            	text-decoration: none;
            }
        </style>
    </head>
    <body>
        <!-- accordion_spec_tickets root -->
        <div id="accordion_spec_tickets">
            <!-- 1st header and pane --><img src="./img/title/fly_can_01.png" />
            <div style="width:200px; display:block">
               <ul><li><a href="#">->香港 $200</a></li><li>->北京 $200</li><li>->日本 $200</li><li>->泰国 $200</li><li>->香港 $200</li><li>->北京 $200</li><li>->日本 $200</li><li>->泰国 $200</li><li>->香港 $200</li><li>->北京 $200</li><li>->日本 $200</li><li>->泰国 $200</li></ul> 
            </div>
            <!-- 2nd header and pane --><img src="./img/title/fly_sha_02.png" />
            <div>
               <ul><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li></ul>  
            </div>
            <!-- 3rd header and pane --><img src="./img/title/fly_pek_03.png" />
            <div>
               <ul><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li></ul> 
            </div>
            <!-- 4rd header and pane --><img src="./img/title/fly_sha_04.png" />
            <div>
               <ul><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li></ul> 
            </div>		
            <!-- 5rd header and pane --><img src="./img/title/fly_szx_05.png" />
            <div>
               <ul><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li><li>->香港</li><li>->北京</li><li>->日本</li><li>->泰国</li></ul> 
            </div>					
        </div>
        <script type="text/javascript">
            $("#accordion_spec_tickets").tabs("#accordion_spec_tickets div", {
                tabs: 'img',
                effect: 'horizontal'
            });
        </script>		
    </body>
</html>
